@media all {

	/* globals */
	html 			{ padding:0; margin:0; background-color:#BBB; font-family:'trebuchet ms', Arial, verdana, sans-serif; font-size:small; }
	body 			{ max-width:75em; min-width:55em; background-color:#FFF; margin:0 auto; }
	* html body 	{ width:75em; }

	/* structure */
	div#header, div#footer { background-color:#069; clear:both; padding:0.5em; color:#FFF; }
	div#header 		{ font-size:1em; text-align:left; }
	div#footer 		{ font-size:smaller; text-align:center; }
		div#footer p 	{ border-top:1px solid; padding-top: 1em; }
	div#content 	{ padding:0 1em; margin:1em 0; overflow: auto; }
	div#leftCol, div#rightCol { width:48.5%; padding:2px; border:1px solid #7D7A75; -moz-border-radius:10px; -webkit-border-radius:10px; }
	div#leftCol		{float:left; background:#BDCDD6; }
		div#leftCol a	{ margin:0 0 1em 33%; float:left; }
	div#rightCol	{float:right; background:#F5D596; }
	
	/* tags */
	input 			{ display:block; margin:0 0 0.7em 33%; border:1px solid #7D7A75; }
	label 			{ display:block; float:left; width:30%; text-align:right; font-weight:bold; }
	form 			{ margin:1em; }
	a 				{ color:#4F6A87; text-decoration:none; }
	a:hover			{ text-decoration:underline; }

	/* custom-classes */
	p#notice 		{ color:red; font-size:smaller; margin:0; }
	.clear 			{ clear:both; }
	span input 		{ display:inline; margin-right:0.3em}
	h3 				{ font-size:small; background:#96A6AD none repeat scroll 0 0; margin:0; padding:0.3em; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; }
	div#userInteraction { float:right; }
	div#userInteraction a { color:#4F6A87; background:#F5D596; border:1px solid black; -moz-border-radius:5px; -webkit-border-radius:5px; text-decoration:none; padding:0.1em 0.5em; font-weight:bold; }
	.show-10 { -moz-opacity:0.1; opacity:0.1; background:grey; } /*filter:alpha(opacity=10);*/
	.show-50 { -moz-opacity:0.5; opacity:0.5; background:grey; } /*filter:alpha(opacity=50);*/
	.show-80 { -moz-opacity:0.8; opacity:0.8; } /*filter:alpha(opacity=80);*/
	#spin { position:relative; top: 2em; }
	#loading-login-form-overlay { background:black none repeat scroll 0 0; position:absolute; text-align:center; z-index:10000; }
	

	/* links */
	div#header a#headerlogin, div#header a#headeruname { float:right; }
	div#header a#headeruname { margin-right:1em; }
	div#header a#headerlogin:hover { text-decoration:underline; background-color:#555; }
	div#header a#logo:hover { text-decoration:none; background-color:inherit; color:#BBB; }
	div#header { overflow:auto; }
	div#header a#logo { float:left; display:block; font-size:2.3em; font-variant: small-caps; }
	div#footer a { color:#FFF; font-weight:bold; text-decoration:none; }
}